<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- h1标签是一个标题（当前注释为可见注释标签） -->
<!-- p标签是一个段落（当前注释为可见注释标签） -->
<h1>我的第一段 JavaScript</h1>
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<!-- input 是输入框标签 -->
<input id="demo" type="text">
<!--<script src="testJavaScript.js">-->
<script>
    //alert是一个浏览器弹窗属性。
    //alert("我的第一个 JavaScript");
    function myFunction() {
        //严格判断，如果输入的空格，或者连续空格 isNaN 是判别不出来的。可以添加正则来判断
        var x = document.getElementById("demo").value;
        if (isNaN(x) || x.replace(/(^\s*)|(\s*$)/g, "") == "") {
            alert("不是数字");
        }
    }

    function replaceContent() {
        //注意innerHTML 与 innerText 的区别是什么
        document.getElementById("test_p2").innerText = "替换后出现的内容！！！哈哈哈";
        /*try {
            document.getElementById("test_p2").innerText = "替换后出现的内容！！！哈哈哈";
        } catch (e) {
            console.log(e.toString());
        }*/
    }

    function replaceAllContent() {
        //注意innerHTML 与 innerText 的区别是什么
        document.write("替换后出现的内容！！！哈哈哈，是全部内容");
    }

    function myfunction2() {
        document.write("使用函数来执行doucment.write，即在文档加载后再执行这个操作，会实现文档覆盖");
    }

    document.write("<p> 这时由JavaScript输出的。</p>")

</script>

<!-- 引入外部的JavaScript -->
<script src="testJavaScript.js"></script>
<button type="button" onclick="myFunction()">点击这里</button>

<p id="test_p1">这是一个将被替换的内容。</p>
<button type="button" onclick="replaceContent()"> 点击替换内容</button>
<br>
<button type="button" onclick="myfunction2()"> 点击替换所有内容</button>
<br>
<button type="button" onclick="ext_function()"> 点击调用外部的函数</button>
</body>
</html>